<!DOCTYPE html>
<html>
	<head>
    <link href="../jquery-ui-1.9.2.custom/css/custom-theme/jquery-ui-1.9.2.custom.css" rel="stylesheet">
    
	<script src="../jquery-ui-1.9.2.custom/js/jquery-1.8.3.js"></script>
	<script src="../jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.js"></script>
    <script type="text/javascript" src="../js/function.js"> </script>
<style>

		
#page{
	background-image:url(../fondo.jpg)
	}
	
#content{
	width: 100%;
	height: 900px;
	}
	
#Plantillas{
	border-color:#000;
	width:100%;
	height:200px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
		}
		
#contentUsuario{
	border:solid;
	border-color:#000;
	width: 100%;
	height: 700px;
	margin-top: auto;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color:#FFF;
		}
		
#Header{
	border:solid;
	border-color:#999;
	width:99%;
	height:100px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
		}
		
#Contenido{
	border-color:#999;
	width: 100%;
	height: 600px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
		}
		
#Derecha{
	border:solid;
	border-color:#999;
	width:20%;
	height:593px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	float: right;
		}
		
#Izquierda{
	border:solid;
	border-color:#999;
	width:79%;
	height:593px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	float: Left;
		}
		
		
body{
	font: 62.5% "Trebuchet MS", sans-serif;
	margin: 50px;
		}
		
#Instrucciones{
	float:left;
	background-color:#FFF;
		}

</style>
</head>
<body id="page">
    
    <form id="form" method="post" action="../GuardarTXT.php">
        <input type="hidden" id="txtOculto_HTML" name="txtHiddenHTML">
        <input type="hidden" id="txtOculto_IDSITIO" name="txtHiddenID" value="">
    </form>
    <h3 id="Instrucciones" > INSTRUCCIONES<BR>
    1) PARA AGREGAR UN ELEMENTO, SOLO PRESIONE LA CATEGORIA Y LUEGO ARRASTRE EL OBJETO HACIA LA POSICION QUE DESEE.- <br>
    2) PARA ELIMINAR UN ELEMENTO, SOLO MANTENGA EL PUNTERO SOBRE EL ELEMENTO Y PRESIONE ELIMINAR.- <br>
    3) PARA ACCERDER A LAS PROPIEDADES DE CADA ELEMENTO HAGA DOBLE CLICK EN EL.- 
    </h3>
    <CENTER>
    <button id="BTNGuardar" class="button" onClick="ExportarHTML2()" style="float:right"> Guardar y Salir -- </button>
    </CENTER>
    <div id="content">
      <center><h2><img id="ImagenLogo" src="../../../../images/logo3.jpg" ></h2></center>
	  <div id="Plantillas">
             <form style="margin-top: 1em;">
				<div id="radioset">
					<input type="radio" id="radio1" name="radio" checked="checked"><label for="radio1">ENCABEZADO</label>
					<input type="radio" id="radio2" name="radio"><label for="radio2">BARRA IZQUIERDA</label>
					<input type="radio" id="radio3" name="radio"><label for="radio3">BARRA DERECHA</label>
				</div>
			 </form>
       				 
         <div id="accordion" >  
			<h3>FORMULARIOS</h3>
			<div> <button onClick="AgregarText()" class="button" >Caja de texto</button> &nbsp; 
            	  <button onClick="AgregarTextArea()" class="button">Caja de Comentario</button> &nbsp; 
                  <button onClick="AgregarButton()" class="button" >Boton</button>
                
           </div> 
		   <h3>TITULOS Y PARRAFOS</h3>
		   <div> <button onClick="AgregarTitulo()" class="button" >Titulo</button> &nbsp; 
             	 <button onClick="AgregarParrafo()" class="button" >Parrafo</button> 
           </div>
		   <h3>MULTIMEDIA</h3>
		   <div> <button onClick="AgregarImagen()" class="button">Imagen</button>
           </div>
		</div>
	</div>
    <div id="contentUsuario">
       	<div id="Header"></div>
       	<div id="Contenido">
     		  <div id="Izquierda"></div>
       		  <div id="Derecha"></div>
        </div>
	</div>
</div>
</body>
</html>

